<template>
<div class="article">
  <div class="main" v-for="item in thing" :key="item.id">
    <div class="content">
      <div class="right">
        <p style="font-size:25px">{{item.title}}</p>
        <p style="line-height:25px">{{item.txt}}</p>
      </div>
    </div>
  </div>
</div>
</template>
<script>
import {get} from '@/utils/request'
export default{
  data(){
    return{
      thing:[{id:0,title:"天塌地陷",txt:"在开始本次实训的当天，我组所住的南区一栋宿舍的外墙散发着诡异的光，况俊良一时兴起，举起手机拍下了这神奇的一幕，不料刚刚按下拍照按钮，天象突变，好几朵白云瞬间掉了下来，险些砸到路人，地面也迅速地开裂、下沉，况俊良也因此受了伤。而数秒后，一切竟奇迹般地复原了，外墙的光也黯淡了下来。翟傲宇认为，这是不祥之兆，预示我组的实训之路定是十分艰难。况俊良乐观地说：“不怕，只要实训顺利完成，我况俊良就是丢掉了小命，也是光荣的牺牲！”"},
      {id:1,title:"篮球大战",txt:"在某日放学与老师切磋篮球技术的时候，卢叶宗代表我组出战。他的战术非常聪明，利用传球的机会向老师传递课上遇到的疑问，老师也心领神会，使用魔法将答案封印在篮球里，传回给卢叶宗。就这样，卢叶宗掌握了不少前端工作的秘法，并将它们牢牢记住，带回我组。为我组今后的工作作出了巨大的贡献，组长况俊良称赞其为“我辈楷模”，404宿舍议会议长张鹤年授予其“404自由勋章”。"},
      {id:2,title:"停电风波",txt:"周末清晨，我组众人以饱满的精神面貌迎接新的一天。不料此时404宿舍突然停电了，空调和网络都没有了，404当即启动应急预案——充电费，而电费必须从一卡通扣钱，404在往卡里充钱后做梦也没有想到的是，钱居然迟迟没有到账，三万摄氏度的高温下，404组员艰难地一起将自己一卡通为数不多的钱凑在了一起，充上了电费，这才开始一天的工作，而此时已经是深夜了。而之前所未到账的钱，在第二天终于到账。"},
      {id:3,title:"蛇出没",txt:"近来我校蛇类活动频繁，甚是恐怖，据说上实训课的基础楼附近有一条很大的赤练蛇，还有一条美女蛇，美女蛇会在下课化作人形，呼喊你的名字，如果你答应了，夜间便要来删你的代码，多为单身的我组人员因此损失惨重，其中张鹤年多次中招，沦为全组最大的笑柄。"},
      {id:4,title:"冰酒斩模型",txt:"答辩即将来临，而有些页面还未开始制作，某日晚，张鹤年从超市买了一罐冰啤酒，当时急用模型，三教的模型还没有制作，张洋重任在身，张鹤年希望饮酒壮行，张洋说：“没必要，看我做完的时候，这瓶酒必还是冰的。”随后他着手开始为三教建模，直至上色完全完成，冰啤酒依然是冰的，张洋被称为“模神”，张洋建的模被称为“神模”。"},
      {id:5,title:"螺蛳之神",txt:"李东明路过螺蛳山，听见山上有人唱歌，好奇登山，至顶部至善台，见一雕塑，歌声似为雕塑所发出，大惊，却发现下山的路都找不到了，情急之下，掏出口袋里的糖放在雕塑面前，螺蛳山的高度居然渐渐降低，回到宿舍后，李东明发现自己的代码写完了，舍友均表示不知情。"},
      {id:6,title:"食堂谜团",txt:"张业昆和梁宇阳联合制作角色管理，却遭遇瓶颈，两人闷闷不乐，相约去第二食堂吃干捞螺蛳粉，到了饭店，二食堂却一个人都没有，两人正疑惑时，饭桌上突然出现了两碗热气腾腾的螺蛳粉。他们没有多想，便全部吃掉了，随后失去了意识，醒来后发现自己在宿舍，舍友们说他们回到宿舍后努力工作，把整组的代码都写完了。"}
      ],
    }
  },
methods:{},
  created(){
    
  },
}
</script>
<style>
  .main{
    background-color: #fff;
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .main .content{
    display: flex;
  }
   .main .content .right{
    flex: 2;
  }
  .main.content.right p:first-child{
    color: #666;
    font-size: 14px;
    font-weight: 700;
  }
</style>